<template>
  <div class="child">
    <h2>我是儿子</h2>
    <button @click="sendMsgToParent">发送数据到父亲</button>
  </div>
</template>
/* 
    子组件传递数据到父组件中的步骤
    1、在子组件触发事件中使用声明自定义事件
    2、父组件在引用子组件的标签中来使用自定义事件来接受信息,具体的语法格式如下
    <子组件名 @自定义事件="方法名"></子组件名>
    3、在父组件中的methods选项中使用刚才方法来接受子组件中的值
*/
<script>

export default {
    methods:{
        sendMsgToParent(){
            /*
              $emit(参数1,参数2)函数的参数说明
              参数1：自定义事件的名称
              参数2：子组件要发送给父组件的信息
            */
            this.$emit('getMoney',"给我12000块钱")
        }
    }
}
</script>

<style scoped>
    .child{
        width: 300px;
        height: 150px;
        background-color: orange;
    }
</style>